<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>创建班级</title>
		<link rel="stylesheet" href="fonts/iconfont.css"/>
		<link rel="stylesheet" href="css/font.css"/>
		<link rel="stylesheet" href="css/weui.min.css"/>
		<link rel="stylesheet" href="css/jquery-weui.min.css"/>
		<link rel="stylesheet" href="css/mui.css"/>
		<link rel="stylesheet" href="css/pages/index.css"/>
		<link rel="stylesheet" href="cs/ionicons.min.css"/>
		<link rel="stylesheet" href="font/iconfont.css"/>
		<link rel="stylesheet" href="css/pages/new_class.css"/>
		
		<script>
		    (function (doc, win) {
		      var docEl = doc.documentElement,
		        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		        recalc = function () {
		          var clientWidth = docEl.clientWidth;
		          if (!clientWidth) return;
		          docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
		        };
		
		      if (!doc.addEventListener) return;
		      win.addEventListener(resizeEvt, recalc, false);
		      doc.addEventListener('DOMContentLoaded', recalc, false);
		    })(document, window);
		</script>
	</head>
	<body>
		<header>
		    <div class="titlebar reverse">
		        <h1>创建班级</h1>
				<a href="index.html" class="app">
		            <i class="iconfont">&#xe60e;</i>
		        </a>
		    </div>
		</header>
		
		<article style="padding-bottom:14px;" class="scroller">
			<div class="list-wrap">
			    <h4>选择院校</h4>
				<div class="input-school">
			                <div class="radio-label">
			                    <input type="radio" id="cw" name="school">
			                    <label for="cw">珠海创沃中等职业学校</label>
			                    
			                </div>
			                <div class="radio-label">
			                    <input type="radio" id="ad" name="school">
			                    <label for="ad">珠海市爱迪技工学校</label>
			            		
			                </div>
							<div class="radio-label">
							    <input type="radio" id="nf" name="school">
							    <label for="nf">广东南方职业学院</label>
								
							</div>
			            </div>
				</div>
				
		    <div class="list-wrap">
		        <h4>选择年级</h4>
					<div class="input-grade">
		                    <div class="radio-grade">
		                        <input type="radio" id="one" name="grade">
		                        <label for="one">高一</label>
		                        
		                    </div>
		                    <div class="radio-grade">
		                        <input type="radio" id="two" name="grade">
		                        <label for="two">高二</label>
		                		
		                    </div>
		        			<div class="radio-grade">
		        			    <input type="radio" id="three" name="grade">
		        			    <label for="three">高三</label>
		        
		        			</div>
							<div class="radio-grade">
							    <input type="radio" id="four" name="grade">
							    <label for="four">大一</label>
									        
							</div>
							<div class="radio-grade">
							    <input type="radio" id="five" name="grade">
							    <label for="five">大二</label>
									        
							</div>
							<div class="radio-grade">
							    <input type="radio" id="six" name="grade">
							    <label for="six">大三</label>
									        
							</div>
							<div class="radio-grade">
							    <input type="radio" id="seven" name="grade">
							    <label for="seven">大四</label>
									        
							</div>
					</div>
			</div>
			
			<div class="list-wrap">
			    <h4>选择专业</h4>
					<div class="input-major">
			                <div class="radio-major">
			                    <input type="radio" id="ai" name="major">
			                    <label for="ai">人工智能</label>
			                    
			                </div>
			                <div class="radio-major">
			                    <input type="radio" id="sw" name="major">
			                    <label for="sw">软件开发</label>
			            		
			                </div>
			    			<div class="radio-major">
			    			    <input type="radio" id="cp" name="major">
			    			    <label for="cp">计算机</label>
			    
			    			</div>
							<div class="radio-major">
							    <input type="radio" id="ac" name="major">
							    <label for="ac">会计</label>
									        
							</div>
							<div class="radio-major">
							    <input type="radio" id="ba" name="major">
							    <label for="ba">工商管理</label>
									        
							</div>
							<div class="radio-major">
							    <input type="radio" id="an" name="major">
							    <label for="an">动漫设计</label>
									        
							</div>
							<div class="radio-major">
							    <input type="radio" id="ec" name="major">
							    <label for="ec">幼儿教育</label>
									        
							</div>
							<div class="radio-major">
							    <input type="radio" id="hv" name="major">
							    <label for="hv">高职高考</label>
									        
							</div>
							<div class="radio-major">
							    <input type="radio" id="ck" name="major">
							    <label for="ck">烹饪</label>
									        
							</div>
							<div class="radio-major">
							    <input type="radio" id="gd" name="major">
							    <label for="gd">平面设计</label>

							</div>
							<div class="radio-major">
							    <input type="radio" id="nm" name="major">
							    <label for="nm">新媒体</label>
									        
							</div>
					</div>
			</div>
		</article>
		<footer>
			<div class="list-wan">
			    <ul class="app-wan">
			        <li>
			            <div class="wan-wrap">
			                <a href="creat_class.html">
			                    <span>我选完了</span>
			                </a>
			            </div>
			            
			        </li>
			    </ul>
			</div>
		</footer>
	</body>
</html>
